<?php include "../funciones.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Listado de tipos de telefonos</title>
<?php include "../scripts.html";?>
<script type="text/javascript">
$(function(){
	$("#apDiv1").hide();
	$("#contenido").html(listar());	
});
function listar()
{	
	$.post("accion_listar_tipos_tel.php",function(datos)
	{
		$.each(datos.tipos_tel,function(indice,valor)
		{
			$("#contenido").append("<tr id=\""+valor.id_tipo_tel+"\"><td align=\"center\">"+valor.id_tipo_tel+"</td><td align=\"center\">"+valor.nombre+"</td><td align=\"center\">"+valor.activo+"</td><td align=\"center\"><span2></span2></td><td align=\"center\"><span1></span1></td></tr>");
			$("span1").button(
			{
				text:false,
				icons:
					{
					primary:"ui-icon-trash"
					}
			})
			$("span2").button(
			{
				text:false,
				icons:
					{
					primary:"ui-icon-pencil"
					}
			})
		});
	bind();
	},"json");	
}
function modificar(id)
{
	window.location="form_alta_tipos_tel.php?mod=1&id="+id;
}
function borrar(valor)
{
	$.post("borrar_tipos_tel.php",{"id" : valor},function(datos)
	{
		var op=0;
		if(datos.op==1)
		{	
			op=1;
		}
		mensaje_slide("Se elimino correctamente",op,valor);
		bind();
	},"json")
}
	</script> 
<style type="text/css">
p {
	background-color:#06C;
	color: #FFF;
}
<style type="text/css">
body,td,th {
	font-size: 24px;
}
body,td,th {
	font-size: 18px;
}
</style>
</head>

<body>

<div align="center" class="ui-state-default" id="ContenidoDiv"><div id="apDiv1"></div>
<table width="50%" border="0" align="center">
  <tr>
    <th scope="col">ID</th>
    <th scope="col">Nombre</th>
    <th scope="col">Activo</th>
    <th scope="col">Editar</th>
    <th scope="col">Eliminar</th>
  </tr> 
  <tbody id="contenido"></tbody>
</table>
<a href="../Menu/menu.html" ><input a type="button" name="button" id="button" value="Volver" class="ui-button ui-widget ui-state-default ui-corner-all" /></a>
</div>
</body>
</html>